<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>Genius</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<div class="container">
				<a class="navbar-brand logo" href="#">
					<img src="img/Genius_02.png" />
				</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse nav_style" id="navbarSupportedContent">
					<div class="mr-auto"></div>
					<ul>
						<li class="nav-item active">
							<a class="nav-link" href="#">首页<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">解决方案 <span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">产品展示<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">客户案例<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">服务中心<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">新闻动态<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">关于我们<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">招贤纳士<span class="sr-only">(current)</span></a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--轮播-->
		<div class="banner">
			<img src="img/Genius_04.png" />
		</div>
		<!--Our Courses-->
		<div class="our">
			<div class="container">
				<div class="row">
					<div class="col-12 text-center">
						<h1>Our Courses</h1>
						<p>Lrem ipsum dolor sit amet.consectetur adipisicing elit.Dolores quae porro consequater aliquam,incidunt wius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellenus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Mobile Dev</h5>
								<p>Becked by some of the biggest names in the industry.Firefox OS is an open platform that fosters greater</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Communication</h5>
								<p>Becked by some of the biggest names in the industry.Firefox OS is an open platform that fosters greater</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Computers</h5>
								<p>Morbi vitae tortor tempus,placerat leoert,suscipit lectus.Phasellus ut euismod massa, eu eleifend ipsum.</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Finance</h5>
								<p>Morbi vitae tortor tempus,placerat leoert,suscipit lectus.Phasellus ut euismod massa, eu eleifend ipsum.</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Maths</h5>
								<p>Morbi vitae tortor tempus,placerat leoert,suscipit lectus.Phasellus ut euismod massa, eu eleifend ipsum.</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Development</h5>
								<p>Morbi vitae tortor tempus,placerat leoert,suscipit lectus.Phasellus ut euismod massa, eu eleifend ipsum.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--Our Students-->
		<div class="students">
			<div class="container">
				<div class="row">
					<div class="col-12 text-center">
						<h1>Our Courses</h1>
						<p>Lrem ipsum dolor sit amet.consectetur adipisicing elit.Dolores quae porro consequater aliquam,incidunt wius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellenus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
					</div>
					<div class="col-md-6">
						<img src="img/Genius_11.png" />
					</div>
					<div class="col-md-6">
						<p>Lorem ipsum dolor sit amet, cadipisicing sit amet,consectetur adipisicing elit.Atque sed,quidem quis praesemtium,ut unde fuga error commodi architecto,oribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus,vero mollitia velit ad consectetur.Alias,laborum excepturi nihil autem memo numquam,ipsa architecto non,magni consequuntlaudantium culpa tenetur at id,beatae pet.</p>
						<p>Lorm ipsum dolor sit amet,consectetur adipisicing elit,adipisicing sit amet,consectetur adipisicing elit.Atque sed,quidem quis praesentium,m deserunt.</p>
						<ul>
							<li>
								<a href="#">
									<i></i> Lorem ipusm enimdolor sit amet
								</a>
							</li>
							<li>
								<a href="#">
									<i></i> Explicabo deleniti neque aliquid
								</a>
							</li>
							<li>
								<a href="#">
									<i></i> Consectetur adipisicing elit
								</a>
							</li>
							<li>
								<a href="#">
									<i></i> Lorem ipsum dolor sit amet
								</a>
							</li>
							<li>
								<a href="#">
									<i></i> Quo issimos molest quibusdam temporibus
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--Our Events-->
		<div class="events">
			<div class="container">
				<div class="row">
					<div class="col-12 text-center">
						<h1>Our Events</h1>
						<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident, doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
					</div>
					<div class="col-md-4">
						<img src="img/Genius_15.png"/>
						<h6>Feb</h6>
						<p>LOPEM IPSUM DOLOR SIT AMET,CONSECTETUR ADIPIS.</p>
					</div>
					<div class="col-md-4">
						<img src="img/Genius_15.png"/>
						<h6>March</h6>
						<p>APSUM DOLOR SWIT AMET,CONSECTETUR ADIPISDSLIF.</p>
					</div>
					<div class="col-md-4">
						<img src="img/Genius_15.png"/>
						<h6>April</h6>
						<p>DOLOR SIT AMET.CONSECTETUR ADIPISIC INDFEFT</p>
					</div>
				</div>
			</div>
		</div>
		<!--campus Placement-->
		<div class="campus-text">
			<div class="container ">
				<div class="row">
					<div class="col-12">
						<h2>Campus Placement</h2>
					</div>
					<div class="col-12 mb-5">
						<span>Lorem ipsim dolor sit amet, consecetetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius mafni provident, doloribus omns ovdent,doloribus omnis temporibus perferendis nesciunt..</span>
					</div>
					<div class="container mt-5 mb-5">
						<div class="row jk">
							<div class="col-md-2 col-4">
								<img src="img/Genius_31.gif" alt="">
							</div>
							<div class="col-md-2 col-4">
								<img src="img/Genius_25.gif" alt="">
							</div>
							<div class="col-md-2 col-4">
								<img src="img/Genius_28.gif" alt="">
							</div>
							<div class="col-md-2 col-4">
								<img src="img/Genius_31.gif" alt="">
							</div>
							<div class="col-md-2 col-4">
								<img src="img/Genius_25.gif" alt="">
							</div>
							<div class="col-md-2 col-4">
								<img src="img/Genius_28.gif" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-inner ">
			<div class="footer1 p-5 mt-5">
				<div class="container">
					<div class="row">
						<div class="col-md-3 mb-3">
							<h5>Our Contact</h5>
							<p>Target company inc</p>
							<p>JC Main Road Near Silnile towarpin-21542 NewYork US</p>
							<p>(123)456-789-1225-12584emali@domalnnme.com</p>
						</div>
						<div class="col-md-3 mb-3">
							<h5>Quick Links</h5>
							<p>Latest Events</p>
							<p>terms and conditlons</p>
							<p>Privacy policy</p>
							<p>Career</p>
							<p>Contact us</p>
						</div>
						<div class="col-md-3 mb-3">
							<h5>Latest posts</h5>
							<p>Lorem ipsum dolor sit amet</p>
							<p>consectetur adipiscing eilt.</p>
							<p>Pellentesque pulvinar enim.Quisque at tempor ligula</p>
							<p>Natus error sit voluptatem accusantum doloremque</p>
						</div>
						<div class="col-md-3 mb-3" >
							<h5>Recent News</h5>
							<p>Lorem ipsum dolor amet</p>
							<p>consectur adipiscing elit</p>
							<p>Pelle entesque et pulvlnar enim Quisque at tempor ligula</p>
							<p>Natus errorsit volupatatem accusantium doloremque</p>
						</div>
					</div>
				</div>
			</div>
			<div class="footer2">
				<div class="container">
					<div class="row">
						<div class="col-md-6">
							<span>Copyright©.Company name All right reserved</span>
						</div>
						<div class="col-md-6 footer-right">
							<img src="img/footer-banquan.gif" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>


		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>
</html>